<template>
  <div class="news">
    <Banner :TabList="TabList" :ContentList="ContentList" :tabindex="tabindex" @changeTab="changeTab" />
  </div>
</template>

<script>
import Banner from '@/components/common/banner.vue';
export default {
  components: { Banner },
  data() {
    return {
      TabList: [{ classname: '关注' }, { classname: '话题' }],
      ContentList: [],
      tabindex: 1,
    }
  },

  methods: {
    initContent() {
      this.$http.get('followpost/1').then((res) => {
        console.log(res);
      })
    },
    initBanner() {
      this.$http.get('adsense/0').then((res) => {
        console.log(res);
      })
    },
    initContent1() {
      this.$http.get('hottopic').then((res) => {
        console.log(res);
      })
    },
    changeTab() {


    }
  },
  created() {
    this.initContent()
    this.initBanner()
    this,initContent1()
  }
}
</script>

<style>
.news {
  position: relative;
}
</style>